<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<body background=""></body>
</head>
<script src="js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-LCPyFKQyML7mqtS+4XytolfqyqSlcbB3bvDuH9vX2sdQMxRonb/M3b9EmhCNNNrV" crossorigin="anonymous"></script>
<body style="height: 1000px;">

<!--
----------------------------------------------书的管理------------------------------------------------------ -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#">书籍</a>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <button type="button" style="margin-left: 1000px;" class="btn btn-outline-primary">添加新书</button>
            </a>
        </ul>
        <form class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="ID/书名" aria-label="Search">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
    </div>
</nav>



<div class="container">
    <div class="col-sm-12">
        <table class="table table-striped">
            <thead>
            <tr>
                <th class="col-sm-1">#</th>
                <th class="col-sm-2">书名</th>
                <th class="col-sm-1">价格</th>
                <th class="col-sm-1">出版社</th>
                <th class="col-sm-1">是否显示</th>
                <th class="col-sm-1">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <td><input type="checkbox" /></td><br>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <div id=collapseExample>
                <tr>
                    <th scope="row">1</th>
                    <td>Java语言与应用</td>
                    <td>80</td>
                    <td>@mdo</td>
                    <td><input name="tool" type="checkbox" /></td>
                    <td><a href="#">修改</a>/
                        <a href="#">删除</a></td>
                </tr></div>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <td><input name="tool" type="checkbox" /></td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <td><input name="tool" type="checkbox" /></td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <th><input name="tool" type="checkbox" /></th>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <th><input name="tool" type="checkbox" /></th>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <th><input name="tool" type="checkbox" /></th>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>

            </tr>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <th><input name="tool" type="checkbox" /></th>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <th><input name="tool" type="checkbox" /></th>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>Java语言与应用</td>
                <td>80</td>
                <td>@mdo</td>
                <th><input name="tool" type="checkbox" /></th>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td>python从入门到精通</td>
                <td>Thornton</td>
                <td>@fat</td>
                <th><input name="tool" type="checkbox" /></th>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">3</th>
                <td colspan="2">c++从零开始</td>
                <td>@twitter</td>
                <th><input name="tool" type="checkbox" /></th>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tbody>
        </table>
    </div>
</div>
</div>

<br>
<br>
<br>

<!--
----------------------------------------------用户的管理------------------------------------------------------ -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#">用户</a>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">

            <button type="button" style="margin-left: 1000px;" class="btn btn-outline-primary">添加新用户</button>
            </a>
        </ul>
        <form class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="手机号/姓名/ID" aria-label="Search">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
    </div>

</nav>



<div class="container">
    <div class="col-sm-12">
        <table class="table table-striped">
            <thead>
            <tr>
                <th class="col-sm-1">ID</th>
                <th class="col-sm-1">手机</th>
                <th class="col-sm-1">姓名</th>
                <th class="col-sm-1">登录次数</th>
                <th class="col-sm-1">购买数量</th>
                <th class="col-sm-1">注册时间</th>
                <th class="col-sm-1">最后登录</th>
                <th class="col-sm-1">操作</th>
                <th class="col-sm-1">相关订单</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            </tr>
            <div id=collapseExample>
                <tr>
                    <th scope="row">1</th>
                    <td>13999999999</td>
                    <td>张三</td>
                    <td>1000</td>
                    <td>20</td>
                    <td>2000.1.1</td>
                    <td>2021.7.10</td>
                    <td><a href="#">修改</a>/
                        <a href="#">删除</a></td>
                    <td><a href="#">查看</a></td>
                </tr></div>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            <tr>
                <th scope="row">1</th>
                <td>13999999999</td>
                <td>张三</td>
                <td>1000</td>
                <td>20</td>
                <td>2000.1.1</td>
                <td>2021.7.10</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
                <td><a href="#">查看</a></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
</div>

<br>
<br>
<br>
<!--
----------------------------------------------Reciver的管理------------------------------------------------------ -->


<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#">收款人</a>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">

            <button type="button" style="margin-left: 1000px;" class="btn btn-outline-primary">新收款人</button>
            </a>
        </ul>
        <form class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="ID/姓名" aria-label="Search">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
    </div>

</nav>



<div class="container">
    <div class="col-sm-12">
        <table class="table table-striped">
            <thead>
            <tr>
                <th class="col-sm-1">ID</th>
                <th class="col-sm-1">姓名</th>
                <th class="col-sm-1">入职时间</th>
                <th class="col-sm-1">卖书数量</th>
                <th class="col-sm-1">是否离职</th>
                <th class="col-sm-1">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <th scope="row">1</th>
                <td>李磊</td>
                <td>2012.12.12</td>
                <td>40</td>
                <td>否</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <div id=collapseExample>
                <tr>
                    <th scope="row">1</th>
                    <td>李磊</td>
                    <td>2012.12.12</td>
                    <td>40</td>
                    <td>否</td>
                    <td><a href="#">修改</a>/
                        <a href="#">删除</a></td>
                </tr></div>
            <tr>
                <th scope="row">1</th>
                <td>李磊</td>
                <td>2012.12.12</td>
                <td>40</td>
                <td>否</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>李磊</td>
                <td>2012.12.12</td>
                <td>40</td>
                <td>否</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            <tr>
                <th scope="row">1</th>
                <td>李磊</td>
                <td>2012.12.12</td>
                <td>40</td>
                <td>否</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            <tr>
                <th scope="row">1</th>
                <td>李磊</td>
                <td>2012.12.12</td>
                <td>40</td>
                <td>否</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            <tr>
                <th scope="row">1</th>
                <td>李磊</td>
                <td>2012.12.12</td>
                <td>40</td>
                <td>否</td>
                <td><a href="#">修改</a>/
                    <a href="#">删除</a></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
</div>
</body>
</html>

<br>
<br>
<br>